<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>white gallery website - free css template</title>
<meta name="keywords" content="free css template, CSS, HTML, white gallery website" />
<meta name="description" content="White Gallery Website - free css template provided by templatemo.com" />
<link href="templatemo_style.css" rel="stylesheet" type="text/css" />
<!--  Designed by w w w . t e m p l a t e m o . c o m  -->
<link rel="stylesheet" type="text/css" href="contentslider.css" />
<script type="text/javascript" src="contentslider.js">
/***********************************************
* Featured Content Slider- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/
</script>
<!--[if lt IE 7]>
<style type="text/css">

  .templatemo_thumb_box span { behavior: url(iepngfix.htc); }

</style>
<![endif]-->
</head>

<body>
<div id="templatemo_container">
	
<div id="templatemo_header_panel">
        <div id="templatemo_title_section">
            White Site
        </div>
        <div id="templatemo_top_right_section">
            <ul>
              <li><a href="#">Home</a></li>
              <li><a href="#">Site Map</a></li>
              <li><a href="#">Contact</a></li>
            </ul>
        </div>
    </div>
    
    <div id="templatemo_login_banner_panel">

        <div id="templatemo_banner_panel">
        
            <!--Inner content DIVs should always carry "contentdiv" CSS class-->
            <!--Pagination DIV should always carry "paginate-SLIDERID" CSS class-->
            
            <div id="paginate-slider2" class="pagination">
            
            <a href="#" class="toc">&nbsp;</a> <a href="#" class="toc anotherclass">&nbsp;</a> <a href="#" class="toc">&nbsp;</a>
            </div>
            
            <div id="slider2" class="sliderwrapper">
            <div class="contentdiv"><img src="images/templatemo_image_12.jpg" alt="image 10" /></div>
            <div class="contentdiv"><img src="images/templatemo_image_13.jpg" alt="image 20" /></div>
            <div class="contentdiv"><img src="images/templatemo_image_14.jpg" alt="image 30" /></div>
            </div>
            <script type="text/javascript">
            
            featuredcontentslider.init({
            id: "slider2",  //id of main slider DIV
            contentsource: ["inline", ""],  //Valid values: ["inline", ""] or ["ajax", "path_to_file"]
            toc: "markup",  //Valid values: "#increment", "markup", ["label1", "label2", etc]
            nextprev: ["Previous", "Next"],  //labels for "prev" and "next" links. Set to "" to hide.
            revealtype: "click", //Behavior of pagination links to reveal the slides: "click" or "mouseover"
            enablefade: [true, 0.2],  //[true/false, fadedegree]
            autorotate: [true, 3000],  //[true/false, pausetime]
            onChange: function(previndex, curindex){  //event handler fired whenever script changes slide
            //previndex holds index of last slide viewed b4 current (1=1st slide, 2nd=2nd etc)
            //curindex holds index of currently shown slide (1=1st slide, 2nd=2nd etc)
            }
            })
            
            </script>
        </div>
        
		<div id="templatemo_login_panel">
        	<h1>Member Login</h1> 
            <form method="get" action="#">
					<div class="form_row"><label>Email</label><input class="inputfield" name="email_address" type="text" id="email_addremss"/></div>
                    <div class="form_row"><label>Password</label><input class="inputfield" name="password" type="password" id="password"/></div>
					<input class="button" type="submit" name="Submit" value="Login" />
            </form> 
            <a href="#">Register</a>
        </div>
    </div> <!-- end of login and banner panel -->
    
	<div id="templatemo_menu">
        <ul>
            <li><a href="index.html"  class="current">Home</a></li>
            <li><a href="#">Gallery</a></li>
            <li><a href="#">Tutorials</a></li>
            <li><a href="#">Members</a></li>  
            <li><a href="#">Contests</a></li> 
            <li><a href="#">About Us</a></li>                     
            <li  class="last"><a href="#">Contact Us</a></li>            
        </ul> 
    </div>

	<!-- content -->
    <div id="templatemo_content">
    	<div id="templatemo_leftcolumn">
        	<div class="templatemo_leftcolumn_twocolumn">
            	<h1>Welcome</h1>
                <img src="images/templatemo_image_01.jpg" alt="image" />
                <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc quis sem nec tellus blandit tincidunt. Duis vitae velit sed dui malesuada dignissim. Donec mollis aliquet ligula.</p>
                
          </div>
            <div class="templatemo_leftcolumn_twocolumn">
            	<h1>Our Services</h1>
                <div class="service_box">
                    <img src="images/templatemo_image_02.jpg" alt="image" />
                    <p>Lorem ipsum dolor sit amet, consec tetuer adipiscing elit. Nunc quis sem nec tellus blandit tincidunt.</p>
				</div> 
                <ul>
                    <li><a href="#">Lorem ipsum dolor sit amet</a></li>
                    <li><a href="#">Duis mollis aliquet ligula</a></li>
                    <li><a href="#">Maecenas adipiscing elementum ipsum.</a></li>
                    <li><a href="#">Nunc blandit orci sit amet risus.</a></li>
                    <li><a href="#">Cum sociis natoque penatibus et</a></li>                    
              </ul>  
            </div>
            <div class="cleaner"> &nbsp; </div>
            
            <div class="templatemo_leftcolumn_fullrow">
	            <h1>Photo Gallery</h1>
              <p>This free CSS template is provided by <a title="Free Templates" href="http://www.templatemo.com" target="_parent">TemplateMo.com</a> website. Feel free to download, modify and apply this layout for your personal or commercial websites.</p>
  <div class="templatemo_thumb_gallery">
                   	<div class="templatemo_thumb_box">
                        <img src="images/templatemo_image_03.jpg" alt="image 1" />
                        <span></span>                    </div>
      <div class="templatemo_thumb_box">
                        <img src="images/templatemo_image_04.jpg" alt="image 2" />
                        <span></span>                    </div>
                    <div class="templatemo_thumb_box">
                        <img src="images/templatemo_image_11.jpg" alt="image 3" />
                        <span></span>                    </div>
                    <div class="templatemo_thumb_box">
                        <img src="images/templatemo_image_06.jpg" alt="image 4" />
                        <span></span>                    </div>
					<div class="templatemo_thumb_box">
                        <img src="images/templatemo_image_07.jpg" alt="image 5" />
                        <span></span>                    </div>
                    <div class="templatemo_thumb_box">
                        <img src="images/templatemo_image_08.jpg" alt="image 6" />
                        <span></span>                    </div>
                    <div class="templatemo_thumb_box">
                        <img src="images/templatemo_image_09.jpg" alt="image 7" />
                        <span></span>                    </div>
                    <div class="templatemo_thumb_box">
                        <img src="images/templatemo_image_10.jpg" alt="image 8" />
                        <span></span>                    </div>
                </div> <!-- end of thumb gallery -->
            </div> <!-- end of left full column -->
            
        </div> <!-- end of left column -->
        
        <div id="templatemo_rightcolumn">
            <div id="templatemo_search_panel">
                 <h1>Search</h1>
                <form method="get" action="#">
                	<div class="search_panel_box">
                        <div class="form_row"><label>By Keyword</label><input class="inputfield" name="keyword" type="text" id="keyword"/></div>
                        <input type="submit" name="submit" class="button" value="Search" />
                    </div> 
                	<div class="search_panel_box">
                        <div class="form_row">
                            <label>By Category</label>
                            <select name="Category">
                                <option value="volvo">People</option>
                                <option value="saab">Animals</option>
                                <option value="fiat">Building</option>
                                <option value="audi">Flowers</option>
                            </select>
                        </div>
                         <input type="submit" name="submit" class="button" value="Search" />
					</div>
              </form>
            </div> <!-- end of search panel -->
            
            <div id="templatemo_blog_section">
                    <h1>Blog</h1>
                    
                    <div class="blog_box">
                        <h4><a href="#">Pellentesque consequat condimentum risus</a></h4>
                        Posted by <a href="#"><span>Dolor Sit Amet</span></a> in <a href="#"><span>Duis vitae</span></a><br />
                        Aliquam pretium porta odio. Fusce quis diam sit amet tortor luctus pellentesque.<br />
                        <div class="datetime">Dec 12, 2048 2:54 pm</div>
                    </div>
                    <div class="blog_box">
                        <h4><a href="#">Quisque tincidunt commodo nisl</a></h4>
                        Posted by <a href="#"><span>Dolor Sit Amet</span></a> in <a href="#"><span>Duis vitae</span></a><br />
                       Morbi rutrum. Cras nulla sem, posuere non, molestie ut, molestie in, justo.<br />
                        <div class="datetime">Dec 15, 2048 4:32 pm</div>
                    </div>
                    <div class="blog_box">
                        <h4><a href="#">Lorem ipsum dolor sit amet</a></h4>
                        Posted by <a href="#"><span>Dolor Sit Amet</span></a> in <a href="#"><span>Duis vitae</span></a><br />
                        Lorem ipsum dolor sit amet, adipiscing elit.<br />
                        <div class="datetime">Dec 19, 2048 8:24 pm</div>
                    </div>                      
                    <div class="more_button"><a href="#">View All</a></div>
			</div>  <!-- end of blog panel -->
            
            <div class="cleaner">&nbsp;</div>
                <a href="http://validator.w3.org/check?uri=referer"><img style="border:0;width:88px;height:31px" src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Transitional" width="88" height="31" vspace="8" border="0" /></a>
<a href="http://jigsaw.w3.org/css-validator/check/referer?profile=css3"><img style="border:0;width:88px;height:31px"  src="http://jigsaw.w3.org/css-validator/images/vcss-blue" alt="Valid CSS!" vspace="8" border="0" /></a>
				<div class="cleaner">&nbsp;</div>
        	
        </div> <!-- end of right column --> 
    </div>
<!-- end of content -->
    <div id="templatemo_footer">
        <a href="#">Home</a> | <a href="#">About Us</a> | <a href="#">Gallery</a> | <a href="#">Tutorials</a> | <a href="#">FAQs</a> | <a href="#">Contact Us</a><br />
        Copyright © 2048 <a href="#"><strong>Your Company Name</strong></a> | 
        <a href="http://www.iwebsitetemplate.com" target="_parent">Website Templates</a> by <a href="http://www.templatemo.com" target="_parent">Free CSS Template</a>
    </div>
<!--  Designed by w w w . t e m p l a t e m o . c o m  -->
</div> <!-- end of container -->
</body>
</html>